<%@ taglib uri="/struts-tags" prefix="s"%>

<section id="hero">
	<div class="shadow-cover small-padding-top small-padding-bottom">
		<div class="row">
			<div class="column large-8 no-padding-right">

				<s:if test="category.id != 0">
					<h5
						class="small normal gray no-margin-top no-margin-bottom above category">
						Category</h5>
					<h1 class="large light no-margin-top no-margin-bottom">
						<em><s:property value="category.name" /></em>
					</h1>
					<h4
						class="small middle very-small-margin-top no-margin-bottom semi-bold">
						<s:property value="category.description" />
					</h4>
				</s:if>

				<s:else>
					<h5
						class="small normal gray no-margin-top no-margin-bottom above category">
					</h5>
					<h1 class="large light no-margin-top no-margin-bottom">
						<em> Browse Listings </em>
					</h1>
					<h4
						class="small middle very-small-margin-top no-margin-bottom semi-bold">
					</h4>
				</s:else>
				
			</div>
		</div>
	</div>
</section>